import { FadeIn } from '@/components/Animation';
import { ResourcesDatas } from '@/utils';

export default function Resources() {
  return (
    <div className="homeResources mainWidth">
      <div className="modcon">
        <FadeIn>
          <div className="modtit bold color-black ">Related Resources</div>
        </FadeIn>

        <div className="tlist flex">
          {ResourcesDatas.map((item: any, i: number) => (
            <div className="titemwrap flex-1" key={i}>
              <FadeIn delay={0.3 * (i + 1)}>
                <div className="titem ">
                  <div className="imgwrap ">
                    <img src={item.img} alt="" />
                  </div>
                  <div className="tit">{item.title}</div>
                  <div className="desc size16 ellipsis ellipsis3">{item.desc}</div>
                </div>
              </FadeIn>
            </div>
          ))}
        </div>
      </div>
    </div>
  );
}
